
//头部标题的样式
.head{
    width: 414px;
    height: 44px;
    background: rgb(248, 248, 248);
    text-align: center;
    line-height: 44px;
    cursor: pointer;
}
//广告部分的背景图
.advert-cont{
    width: 100%;
    height: 100%;
    background: url('../../assets/imgs/advertisement-bg.jpg') no-repeat center / cover;
    position: relative;
    //广告部分的文字
    .text{
        width: 100%;
        font-family: SourceHanSansSC;
        font-weight: bold;
        font-size: 36px;
        color: #fff;
        text-align: center;
        position: absolute;
        bottom: 100px;
        -webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
        animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both iteration-count infinite;
    }
/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
    0%,
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateX(-10px);
              transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateX(10px);
              transform: translateX(10px);
    }
    80% {
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
    }
    90% {
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
    }
  }
  @keyframes shake-horizontal {
    0%,
    100% {
      -webkit-transform: translateX(0);
              transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
      -webkit-transform: translateX(-10px);
              transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
      -webkit-transform: translateX(10px);
              transform: translateX(10px);
    }
    80% {
      -webkit-transform: translateX(8px);
              transform: translateX(8px);
    }
    90% {
      -webkit-transform: translateX(-8px);
              transform: translateX(-8px);
    }
  }
  
    //跳转的盒子样式设置
    .skip{
        width: 105px;
        height: 40px;
        background: #fff;
        border-radius: 20px;
        text-align: center;
        line-height: 40px;
        position: absolute;
        right: 15px;
        top: 20px;
        //跳转a标签的样式设置
        a{
            display: inline-block;
            font-size: 14px;
            color: #101010;
            font-weight: bold;
            //其中的分割线
            span{
                display: inline-block;
                color: rgb(187, 187, 187);
                width: 15px;
                height: 40px;
            }
        }
    }
}
